import { type ListItem } from '@/components/juejinEntryList.vue'
import { getRandomInt } from '@/utils/getRandomInt'

export function getListItem() {
  return new Promise<ListItem[]>(resolve => {
    setTimeout(
      () => {
        resolve([
          {
            maintitle: '排行榜--实现点击视图自动滚动到当前用户所在位置.',
            mainabstract:
              '需求 我们今天来实现一下,点击当前用户的div, 自动滚动到用户在排行榜中的位置. 效果 大家可以先看一下下面的GIF, 所实现的效果. 实现 1. 准备DOM 结构 首先,我们在进行列表建设的时候,',
            username: '心安事随',
            look: '2.8k',
            good: '25',
            tags: ['前端', 'JavaScript', 'Vue.js'],
            imgUrl:
              'https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/4eadea5fb1dc45ada10a735bc0b5181b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5b-D5a6J5LqL6ZqP:q75.awebp?rk3s=f64ab15b&x-expires=1731899612&x-signature=IQhGBFp%2Fjuv9YaktCfa5s0FFImU%3D',
          },
          {
            maintitle:
              '2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~',
            mainabstract:
              '大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。',
            username: '石小石Orz',
            look: '8.4k',
            good: '153',
            tags: ['前端', 'Visual Studio Code'],
            imgUrl:
              'https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/03bb0cbfc3a04f32b80789b414c38e1d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55-z5bCP55-zT3J6:q75.awebp?rk3s=f64ab15b&x-expires=1731912841&x-signature=Y9ATK58Bdkk1NJPCNhQyCvUwXNI%3D',
          },
          {
            maintitle: '前端代码小技巧',
            mainabstract:
              '工作中经常会遇到一些小功能，可能需要些小技巧，掌握这些小技巧，可以有效的帮助实现业务功能，提升研发效率',
            username: '用户1120',
            look: '2.0k',
            good: '13',
            tags: ['前端'],
          },
          {
            maintitle: '前端那些事儿：?? vs || 在 JavaScript 中的区别',
            mainabstract:
              '本文对比了 JavaScript 中 ?? 和 || 的区别，帮助开发者正确选择运算符，避免常见错误。',
            username: '一点一木',
            look: '19',
            good: '1',
            tags: ['前端', 'JavaScript'],
            imgUrl:
              'https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/44ece0033a0c42a3a5eea52e0ea871a9~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5LiA54K55LiA5pyo:q75.awebp?rk3s=f64ab15b&x-expires=1731912841&x-signature=X5neW7cdPcihD0rD5ibbOh0ayMU%3D',
          },
          {
            maintitle: '借用Spring AI Alibaba 10分钟带你快速搭建ChatGPT应用',
            mainabstract:
              '前言 AI 大爆发后，人工智能已成为常态。Java 的 Spring 社区推出了 Spring AI 项目，该项目已集成 OpenAI 的 API，如此一来，无需开发者自行实现向 OpenAI 发送请',
            username: 'BLACK595',
            look: '77',
            good: '3',
            tags: ['后端', '人工智能'],
            imgUrl:
              'https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/e2c549190bf04bdda45ff790c1fd29bc~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgQkxBQ0s1OTU=:q75.awebp?rk3s=f64ab15b&x-expires=1731912841&x-signature=w9puTwAuW6hKQBrrYBHU%2BePMljg%3D',
          },
          {
            maintitle: 'Plop.js：一键生成代码模板，提升开发效率的利器',
            mainabstract:
              'https://github.com/plopjs/plop 1. Plop Plop 是一个小型的命令行工具，专注于帮助开发者自动生成代码片段和文件结构，类似于代码生成器。它可以通过简单的模板定义和',
            username: 'lecepin',
            look: '305',
            good: '6',
            tags: ['前端', '后端', '人工智能'],
          },
          {
            maintitle: '活久见！同事在 VSCode 中养了十几只宠物！',
            mainabstract:
              '活久见，VSCode 中养宠物，这不仅仅是一种技术上的创新，更是一种生活态度的体现！快来体验一把吧！',
            username: '前端开发爱好者',
            look: '34k',
            good: '197',
            tags: ['前端', 'Visual Studio Code'],
            imgUrl:
              'https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/6af95bc1b9364355864a0af973f5fa6b~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5YmN56uv5byA5Y-R54ix5aW96ICF:q75.awebp?rk3s=f64ab15b&x-expires=1731914096&x-signature=usXUGiUdyP1SuInUipgqx%2FkuEmU%3D',
          },
          {
            maintitle: '禁止调试，阻止浏览器F12开发者工具',
            mainabstract:
              '这两天突然想看看文心一言的http通信请求接口，于是想着用F12看看。 谁知道刚打开开发者工具， 直接被JS写死的debugger关键字下了断点。那就来研究研究吧。',
            username: '银空飞羽',
            look: '61k',
            good: '579',
            tags: ['前端', '安全', '浏览器'],
          },
          {
            maintitle: '关于尤雨溪的新公司，你需要知道的',
            mainabstract:
              '大家好，我卡颂。 国庆节当天，尤雨溪官宣成立了一家新公司VoidZero，这家公司的愿景是致力于为 JS 生态系统构建一个统一、开源、高性能的开发工具链。 VoidZero旗下包含了哪些项目？项目的迭',
            username: '魔术师卡颂',
            look: '37k',
            good: '255',
            tags: ['前端', ' Vue.js', 'JavaScript'],
            imgUrl:
              'https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/4b76a52e20354eddba47e7e643e73b74~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6a2U5pyv5biI5Y2h6aKC:q75.awebp?rk3s=f64ab15b&x-expires=1731914096&x-signature=mLqd2xl7V4KHmf47vwS4slSFu5E%3D',
          },
          {
            maintitle: '你小子，一个bug排查一整天，你在🐟吧！',
            mainabstract:
              '在每日的例行会议上，空气中弥漫着紧张的气息。一位实习组员语速略急地说道：“昨天我主要的工作是排查一个线上bug，目前还没有得到解决，今天我得继续排查。”。组长眉头微皱，冷冷地盯了他一眼',
            username: '沐浴在曙光下的贰货道士',
            look: '11k',
            good: '77',
            tags: ['前端', 'Vue.js', '程序员'],
            imgUrl:
              'https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/0ed3a51662a24cfdbce7f5f810f26e87~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5rKQ5rW05Zyo5puZ5YWJ5LiL55qE6LSw6LSn6YGT5aOr:q75.awebp?rk3s=f64ab15b&x-expires=1731914096&x-signature=9FW64BsIu%2BErtYlRGtuomHd9qoE%3D',
          },
          {
            maintitle: '用 Maven 还是 Gradle？',
            mainabstract:
              '作为Java 开发者，你平时用 Maven 还是 Gradle？ 我一直用的都是 Maven，但是前几天做了一个小项目，用的是 Gradle，因为项目创建出来默认就是用的 Gradle，而且功能足够',
            username: '古时的风筝',
            look: '4.5k',
            good: '41',
            tags: ['后端', 'Java', '程序员'],
          },
          {
            maintitle: '三年 Vue 跑来学习 React，确实有点难',
            mainabstract:
              '本人 22 届的，21年参加工作，满打满算也快三年了😁😁 平常主要的技术栈是 vue。之所以跑来学习 React，是因为公司在使用一款 sciter 开发一些应用。请掘友多指教',
            username: '雪飘过的声音',
            look: '5.2k',
            good: '50',
            tags: ['前端', 'Vue.js', 'React.js'],
            imgUrl:
              'https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/527dec437c2446c8a1080ceb7d9baedf~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6Zuq6aOY6L-H55qE5aOw6Z-z:q75.awebp?rk3s=f64ab15b&x-expires=1731914096&x-signature=zNdtBUhWoDbshkl7gS9eYAYgcAs%3D',
          },
          {
            maintitle: '10 个超赞的开发者工具，助你轻松提升效率',
            mainabstract:
              '嗨，如果你像我一样，总是热衷于寻找新的方法让开发工作更轻松，那么你一定不能错过这篇文章！我精心挑选了 10 个 超级酷炫 的工具，可以让你效率倍增。无论是 API 管理、数据库操作还是调试最新项目，这',
            username: '前端宝哥',
            look: '365',
            good: '2',
            tags: ['前端', '程序员'],
            imgUrl:
              'https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/cfdc6c2bdec94bf9be421564bb3a789a~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg5YmN56uv5a6d5ZOl:q75.awebp?rk3s=f64ab15b&x-expires=1731914096&x-signature=ewVIatadptI700jseQo2L4c6m5s%3D',
          },
          {
            maintitle: '为什么一个文件的代码不能超过300行？',
            mainabstract:
              '大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么',
            username: '前端林叔',
            look: '2.3k',
            good: '25',
            tags: ['前端', 'JavaScript', 'Vue.js'],
          },
        ])
      },
      getRandomInt(1, 2000),
    )
  })
}
